
@import '../../styles/default.scss';

.address-line{
	display: flex;
	justify-content: space-between;
	align-items: baseline;
	font-size: $font-15;
	font-weight: bold;
	padding: 12px 0;
	&-state{
		text-align: center;
		&-name{
			font-size: $font-15;
			color: $font-color-grey;
		}
	}
	&-mid{
		&-line{
			text-align: center;
			.address-line-type{
				@include wh(24PX, 22PX);
				text-align: center;
				margin: 0 auto;
			}
			.line-img-air_traffic{
				@include bg('../../assets/tra_air.png');
			}
			.line-img-special_line_traffic{
				@include bg('../../assets/tra_special_line.png');
			}
			.line-img-size-large{
				width: 36PX;
				height: 18PX;
				background-size: 100%;
			}
		}
		&-text{
			text-align: center;
			font-size: $font-15;
			color: $font-color-dark;
			margin-top: 6px;
		}
	}
	.line-lines{
		display: flex;
		justify-content: space-between;
		align-items: center;
		width: 120PX;
		overflow: hidden;
		.line-graph{
			flex-shrink: 0;
			width: 50px;
			height: 6px;
			background-color: #DCDCDC;
			transform: skewX(45deg);
			margin-left: 10px;
		}
	}
	.line-null-left, .line-null-right{
		@include wh(21PX, 14PX);
		@include bg('../../assets/icon_null_left.png');
		margin: 0 20px;
	}
	.line-null-right{
		@include bg('../../assets/icon_null_right.png');
	}
}


